<template>
  <div id="app">
     <!-- v-for: 用于循环渲染结构 -->
    <!-- v-for 写在哪里, 就表示循环渲染哪个标签 -->
    <!-- 
      语法:
        v-for="(循环变量, 索引) in 数据"
      key: 要写一个唯一的值, 暂时写 index, 为了避免报红
     -->
   <ul>
    <li v-for="(item,index) in arr" :key="index">{{item}}</li>
   </ul>
    <ul>
      <li v-for="num in 10" :key="num">{{num}}</li>
    </ul>
  </div>
</template>

<script>
export default{
  data(){
    return{
     arr:["小明","小胡","小慧"]
    }
  }
}

</script>

<style>

</style>